

<template>
  <div class="detail">
    <div class="tablesB">
      <el-table :data="drugNumShow" border>
        <el-table-column type="index" width="70" label="序号">
        </el-table-column>
        <template v-for="(item, index) in $baseBai['drugStorage']['detail']">
           <el-table-column :width="item.width" v-if="item.prop == 'store_house'" :prop="item.prop" :label="item.label" :key="index">
                        <template slot-scope="scope">
                            <div >{{ thatF.store_house}}</div>
                        </template>
              </el-table-column>
          <el-table-column
          v-else
            :width="item.width"
            :prop="item.prop"
            :label="item.label"
            :key="index + item"
          >
          </el-table-column>
        </template>
      </el-table>
    </div>
   
      
  </div>
</template>
<script>
let t;
import { mapState, mapActions } from "vuex";
export default {
  data() {
    return {
      params:{
        number:'',
        remark:'',
        arrival_date:'', 
      },
    }
  },
  created(){
    
   
  },
  props: ["dialogTitle",'thatF'],
  methods: {
    
 
   
  },
   
  computed: {
    ...mapState({
      drugNumShow: (state) =>{
        return  state.storage.drugNumShow.map(v=>{
          return {
            ...v,
            store_house:'',
          }
        })
      },
    }),
  },

};
</script>
<style lang='scss' scoped>
.addUdetailpdate {
  padding: 0 5%;
}
/deep/ .el-dialog__body {
  height: 70vh;
  overflow: scroll;
}
.selects {
  display: flex;
  flex-wrap: wrap;
  > div {
    width: 300px;
    display: flex;
    align-items: center;
  }
}
.selectTables{
  margin-top: 20px;
  display: flex;
  align-items: center;
 
}
.buts{
    display: flex;
    margin-top: 50px;
    justify-content: center;
    >div{
        margin-right: 20px;
    }
}
</style>